.notice {
	display: flex;
	flex-direction: column;
	padding-bottom: 24rpx;
	
	.item {
		@include flex-box($jcsa, $jcsb, column);
		padding: 24rpx;
		border-bottom: 2rpx solid $border_color;
		&__title {
			display: flex;
			justify-content: space-between;
			color: #666;
			margin-bottom: 10rpx;
			.title {
				color: #333;
				max-width: 400rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
		&__content {
			color: #AEABAB;
			max-width: 700rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
}

.detail {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 24rpx;
	
	&__title {
		@include flex-box();
		font-size: 42rpx;
		font-weight: bold;
		width: 700rpx;
		margin: 50rpx 0 25rpx;
		color: #333;
		text-align: center;
	}
	&__date {
		color: #666;
		margin-bottom: 60rpx;
	}
	&__content {
		width: 700rpx;
		color: #333;
		line-height: 50rpx;
	}
}